const colors = document.querySelectorAll('.color');

colors.forEach(color => { 
  color.addEventListener('click', () => { 
    // 获取最终样式
    const colorValue = window.getComputedStyle(color).backgroundColor;
    document.body.style.backgroundColor = colorValue;
    // 获取当前活动标签页
    chrome.tabs.query({ active: true, lastFocusedWindow: true }, (tabs) => { 
      const tab = tabs[0];

      // 在当前活动标签页中执行内容脚本
      chrome.scripting.executeScript({
        target: { tabId: tab.id },
        function: (color) => { 
          document.body.style.backgroundColor = color;
        },
        args: [colorValue]
      });
    })
  })
})